<template>
	<view class="info">
		<!-- <view class="bg"></view> -->
		<view class="info">
			<view class="title">{{ details.noticeTitle }}</view>
			<view class="date">
				<view class="item">
					<u-icon name="clock"></u-icon>
					<text>发布时间：{{details.createTime}}</text>
				</view>
				 <view class="item" style="margin-left: 50rpx;">
					<u-icon name="eye-fill"></u-icon>
					<text>{{details.noticeType}}</text>
				</view> 
			</view>
			<view class="intro">
				<view class="content">
					<u-parse :content="details.noticeContent"></u-parse>
				</view>
			</view>

			<view class="bottom">
				发布人：{{details.updateBy}}
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			details: {}, // 详情
		}
	},
	onLoad() {
		this.getData()
	},
	methods: {
		getData(){
			this.details = uni.getStorageSync('affiche')
			console.log(this.details, 111);
		}
	}
}
</script>

<style lang="scss" scoped>
.info {
	.info {
		margin: 32rpx;

		.title {
			font-size: $uni-font-size-medium;
			font-weight: bold;
		}

		.date {
			font-size: $uni-font-size-small;
			color: #999;
			margin-top: 30rpx;
			display: flex;

			.item {
				display: flex;

				text {
					margin-left: 10rpx;
				}
			}
		}

		.intro {

			text {
				font-size: $uni-font-size-medium;
				font-weight: bold;
			}

			.content {
				font-size: $uni-font-size-small;
				margin-top: 20rpx;
				color: #666;
			}

		}

		.bottom {
			font-size: $uni-font-size-small;
			color: $uni-color-type1;
			text-align: right;
			margin-top: 40rpx;
		}
	}
}
</style>
